extends /layouts/_account

block vars
  -
    page = {
      title: 'Personal Info'
    }

    profileActivePage = 3

block account
  div.uk-card-body
    form.uk-form-stacked

      div.uk-grid-medium.uk-child-width-1-1(uk-grid)

        //- Contact
        fieldset.uk-fieldset
          legend.uk-h4 Contact

          div(class="uk-grid-small " +
                    "uk-child-width-1-1 " +
                    "uk-child-width-1-2@s"
              uk-grid)

            div
              label
                div.uk-form-label First Name
                input.uk-input(type="text" value= profile.firstName)

            div
              label
                div.uk-form-label Last Name
                input.uk-input(type="text" value= profile.lastName)

            div
              label
                div.uk-form-label Phone Number
                input.uk-input(type="tel" value= profile.phone)

            div
              label
                div.uk-form-label Date of Birth
                input.uk-input(type="date" value= profile.dateOFBirth)

        //- Address
        fieldset.uk-fieldset
          legend.uk-h4 Address

          div.uk-grid-small(uk-grid)

            div.uk-width-1-1
              label
                div.uk-form-label Country
                select.uk-select
                  option Choose the country
                  option(value="RU") Russia

          div.uk-grid-small(uk-grid)

            div.uk-width-expand
              label
                div.uk-form-label City
                input.uk-input(type="text")

            div(class="uk-width-1-3 uk-width-1-6@s")
              label
                div.uk-form-label Post Code
                input.uk-input(type="text")

          div.uk-grid-small(uk-grid)

            div.uk-width-expand
              label
                div.uk-form-label Street
                input.uk-input(type="text")

            div(class="uk-width-1-3 uk-width-1-6@s")
              label
                div.uk-form-label House
                input.uk-input(type="text")

          div(class="uk-grid-small uk-child-width-1-3 uk-child-width-1-4@s"
               uk-grid)

            div
              label
                div.uk-form-label Building
                input.uk-input(type="text")

            div
              label
                div.uk-form-label Entrance
                input.uk-input(type="text")

            div
              label
                div.uk-form-label Floor
                input.uk-input(type="text")

            div
              label
                div.uk-form-label Apartment
                input.uk-input(type="text")

            div.uk-width-1-1
              label
                div.uk-form-label Comment
                textarea.uk-textarea(
                  rows="5"
                  placeholder="Additional information: phone numbers or doorphone code")

  div.uk-card-footer.uk-text-center
    button.uk-button.uk-button-primary save